@charset "UTF-8";
/**
 * 
 * @authors TianY (you@example.org)
 * @date    2017-02-25 13:32:03
 * @version $Id$
 */
 /*banner*/
.flexslider{position:relative;height:600px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:30px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:30px;background:url(../images/next.png) center center no-repeat;}

/*about*/
.about{margin-top: 80px;}
.title{background: url(../images/title.jpg) no-repeat center;width: 188px;height: 134px;margin: 0 auto 50px auto;text-align: center;}
.title span{display: block;color: #555555;}
.title span:nth-of-type(1){font-size: 26px;margin-bottom: 10px;padding-top: 5px;}
.title span:nth-of-type(2){font-size: 18px;margin-bottom: 10px;}
.title span:nth-of-type(3){background-color: #ad0002;padding: 5px 0;color: #fff;font-size: 20px;width: 110px;margin: 0 auto;}
.a_con{width: 838px;margin: 0 auto;color: #555555;}
.a_con p{line-height: 36px;text-indent: 2em;text-align: center;}
.a_list{width: 900px;margin: 30px auto 0 auto;}
.a_list ul li{display: inline-block;width: 159px;height: 159px;border: 1px solid #c1c1c1;margin: 0 20px;padding: 10px;border-radius: 50%;}
.a_list ul li img{border-radius: 50%;}
.more{text-align: center;}
.more a{display: inline-block;padding:10px 0px;border:1px solid #b9b9b9; border-radius: 20px;width: 120px;margin-top: 40px ;font-size: 14px;color: #555555;transition: all 0.5s ease;}
.more a:hover{background-color: #a61f22; color: #fff;}
.border{background:url(../images/border.jpg) no-repeat center;margin-top:50px;height: 1px; }

/*product*/
.product{margin-top: 50px;}
.product .box{background:url(../images/box.png) no-repeat;width: 262px;padding: 8px;float: left;}
.product .box:nth-of-type(2){margin: 0 182px;}
.boxF, .boxS, .boxT, .overlay{width: 263px;height: 306px;overflow: hidden;}
.boxF{transform: rotate(120deg);-ms-transform: rotate(120deg);-moz-transform: rotate(120deg);-webkit-transform: rotate(120deg);}
.boxS{transform: rotate(-60deg);-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg); }
.boxT{transform: rotate(-60deg);background: no-repeat 50% center;background-size: 100% auto;-ms-transform: rotate(-60deg);-moz-transform: rotate(-60deg);-webkit-transform: rotate(-60deg);visibility: visible;}
.overlay{display: block;position: relative;background-color:rgba(85,85,85,0.5);}
.overlay a{display: inline-block;position: absolute;left: 50%;top: 50%;margin: -20px 0 0 -20px;border-radius: 3px;text-align: center;text-decoration: none;color: White;font-size: 24px;}
.p_list .box:nth-of-type(2) .overlay a,.p_list .box:nth-of-type(3) .overlay a{margin:-20px 0 0 -44px;}
.product .down{text-align: center;margin-top: 30px;}
.product .box .first{width: 53px;height: 53px;border-radius: 50%;background-color: #626262;color: #fff;text-align: center;font-size: 32px;line-height: 49px;margin: 0 auto;}
.product .box .second{margin-top: 10px;font-size: 20px;line-height: 28px;color: #313131;}
.word{width: 784px;text-align: center;line-height: 30px;margin: 70px auto 0 auto;color: #1d1d1d;font-size: 16px;}

/*news*/
.news{margin: 50px auto 100px auto;}
.show .n_list{width: 580px;height: 220px;margin: 5px 10px;}
.l_img img{width: 230px;height: 220px;}
.r_content{border:1px solid #8f8f8f;width: 348px;height: 218px}
.r_content h3{font-weight: normal;font-size: 16px;padding: 30px 20px 10px 20px;}
.r_content h3 a{color: #494949;transition: all 0.5s ease;}
.r_content h3 a:hover,.r_content p a:hover{color: #a61f22;}
.r_content p{padding: 10px 20px 0 20px;height: 114px;overflow: hidden;line-height: 30px;font-size: 14px;}
.r_content p a{display:block;color: #8e8e8e;transition: all 0.5s ease;text-indent: 2em;text-align: justify;}